<template>
  <div class="h-screen -mt-12 pt-12">
    <aside class="h-full flex">
      <n-layout has-sider>
        <SessionSideMenu class="hidden md:block"></SessionSideMenu>
        <div class="md:hidden absolute right-0 top-48 z-50">
          <AiSessionMenuDrawer>
            <SessionSideMenu :show-trigger="false"></SessionSideMenu>
          </AiSessionMenuDrawer>
        </div>
        <n-layout-content>
          <AiSessionView></AiSessionView>
        </n-layout-content>
      </n-layout>
    </aside>
  </div>

</template>

<script setup lang="ts">


import AiSessionView from "@/components/pc/view/AiSessionView.vue";
import SessionSideMenu from "@/view/pc/ai/components/SessionSideMenu.vue";
import AiSessionMenuDrawer from "@/components/pc/drawer/AiSessionMenuDrawer.vue";




</script>

<style scoped>

</style>